import State from './components/State'
import Com from './components/Com'
import Input from './components/Input'
import Event from './components/Event'
import Tab from './components/Tab'
import Props from './components/Props'
import PropsFn from './components/PropsFn'


import Fahter from './components2/Fahter'
import Grand from './components3/Grand'


import Coms from './components4/Com'
import StateUp from './components4/StateUp'
import './App.css';

function App() {
  return (
    <div className="App">
      {/* <State/> */}
      {/* <Com/> */}


      {/* <Input/> */}
      {/* <Event/> */}

      {/* <Tab list = { ["语文", "数学", "英语"] } check = { 0 }/>
      <Tab list = { ["化学", "生物", "物理"] } check = { 1 }/>
      <Tab list = { ["历史", "地理", "政治"] } check = { 2 }/> */}

      {/* <Props msg="123"/>
      <Props msg="456"/>
      <Props msg="789"/> */}

      {/* <PropsFn title="标题1"/>
      <PropsFn title="标题2"/> */}


      {/* <Fahter/> */}


      {/* <Grand/> */}


      {/* <Coms/> */}
      <StateUp/>
    </div>
  );
}

export default App;
